<template>
    <div class="my-code">
        <div class="qrcode-container">
            <img src="@/assets/img/me/my_code.png">
        </div>
        <img src="@/assets/img/me/app_name.png" class="app-name">
        <p class="app-sign">您私人的，知识会所</p>
        <img src="@/assets/img/me/app_share.png" class="app-share" @click="back">
    </div>
</template>
<script>
export default {
    methods: {
        back() {
            this.$router.push('/')
        }
    }
}
</script>

<style lang="less" scoped>
.my-code{
    padding: 1.2rem .3rem;
    text-align: center;
    .qrcode-container{
        height: 3rem;
        width: 3rem;
        background: url('../../../assets/img/me/code_container.png');
        background-size: 100% 100%;
        margin: 0 auto;
        img{
            width: 3rem;
        }
    }
    .app-name{
        margin-top: .6rem;
        width: 1.9rem;
    }
    .app-sign{
        font-size: .32rem;
        color: #cccccc;
        margin-top: .3rem;
    }
    .app-share{
        position: absolute;
        left: .3rem;
        bottom: 1.14rem;
        height: 1.2rem;
    }
}
</style>
